body,h1,h2,h3,h4,h5,h6,table,thead,tbody,tr,th,td,a,div,span,label{
    font-weight: 400;
}

a:hover{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent;
}
.dropdown-menu{
    background-color: #2f3638;
}

table{
    width: 100%;
    text-align: center;
    
    thead,tbody{
        tr{
            height: 40px;
        }
    }
    tbody{
        tr{
            border-top: 1px solid #666d70;
            td{
                a{
                    .glyphicon{
                        margin-right: 4px;
                    }
                }
            }
        }
    }
}


.table-striped>tbody>tr:nth-of-type(odd){
    background-color: transparent;
}


.glyphicon {
    margin-right: 10px;
}
.nav {
    background-color: #2f3638;
    width: 100%;
    height: 56px;
    z-index: 1200;
    position: fixed;
    color: #999;
    .nav_logo {
        width: 240px;
        height: 57px;
        display: table;
        text-align: center;
        position: relative;
        z-index: 1300;
        float: left;
//      border-bottom: 1px solid #eee;
        border-right: 1px solid #2f3638;
        a {
            color: #cfcfcf;
            font-size: 20px;
            display: table-cell;
            vertical-align: middle;
        }
        a:hover{
            opacity: 0.8;
            color: #1E90FF;
        }
    }
    .nav_menu{
        background: #2f3638;
        margin-left: 240px;
        height: 56px;
//      padding-left: 20px;
//      padding-right: 20px;
        .nav_menu_ul{
            float: right;
            li{
                float: left;
                a{
                    line-height: 56px;
                    display: block;
                    padding: 0 16px;
                    position: relative;
                    color: #999;
                    
                }
                a:hover{
                    background: transparent;
                    color: #1E90FF;
                    opacity: 0.9;
                }
            }
            .dropdown{
                .dropdown-menu{
                    li{
                        width: 100%;
                        a{
                            line-height: 24px;
                        }
                        a:hover{
                            line-height: 24px;
                            border-bottom: 0px;
                        }
                    }
                }
            }
        }
    }
}
.menu {
    padding-top: 56px;
    background: #282d2f;
    width: 240px;   
    height: 100%;
    padding-top: 56px;
    position: fixed;
    z-index: 1104;
    top: 0;
    left: 0;
    .menu_top{
        background: #1f2224;
        border-bottom: 1px solid #1f2224;
        padding: 22px;
        padding-top: 28px;
        text-align: center;
        .menu_top_img{
            border-radius: 50%;
            width: 82px;
            height: 82px;
            margin: 0 auto 10px auto;
            overflow: hidden;
            border: 1px solid #eee;
            img{
                width: auto;
                height: 82px;
                vertical-align: middle;
                background-color: #FFFFFF;
            }
        }
        .menu_top_name{
            display: block;
            color: #cfcfcf;
            font-size: 14px;
        }
        .menu_top_set{
            color: #6d787c;
            font-size: 12px;
        }
    }
    .sidebar_nav{
        list-style-type: none;
        padding: 0;
        margin: 0;
        li{
            color: #fff;
            a{
                display: block;
                color: #999;
                padding: 10px 17px;
                font-size: 14px;
                cursor: pointer; 
            }
            a:hover{
                background: #232829;
                color: #1E90FF;
                border-left: 3px solid #282d2f;
            }
        }
    }
}
.panel {
    background: #3a4144;
    position: relative;
    margin-left: 240px;
    z-index: 1101;
    height: 100%;
    margin-bottom: 0px;
    border-bottom-left-radius: 3px;
    border-radius: 0;
    padding-top: 56px;
    .panel_con{
        padding: 10px 20px;
        .security{
            width: 100%;
            border-top: 2px solid #313639;
            border: 1px solid #33393c;
            background: #4b5357;
            color: #ffffff;
            .setup_title{
                padding: 10px 20px;
                .setup_title_left{
                    float: left;
                    input{
                        background-color: transparent;
                        padding: 6px 12px;
                        border: 1px solid #ddd;
                    }
                }
                .setup_title_right{
                    float: right;
                    font-size: 16px;
                    line-height: 38px;
                    em{
                        color: red;
                    }
                }
            }
            .setup_operation{
                padding: 4px 20px;
                border-top: 1px solid #3f4649;
                .setup_operation_left{
                    float: left;
                    .btn_add{
                        color: #3bb4f2;
                        border: 1px solid #3bb4f2;
                        padding: 2px 4px;
                        line-height: 36px;
                        .glyphicon{
                            margin-right: 0px;
                        }
                    }
                    .btn_add:hover{
                        color: #fff;
                        background-color: #3bb4f2;
                    }
                }
                .setup_operation_right{
                    float: right;
                    input{
                        background-color: transparent;
                        padding: 6px 12px;
                        border: 1px solid #666d70;
                    }
                }
            }
            .setup_con{
                padding: 10px 20px;
            }
            .setup_menu{
                padding: 10px 20px;
                .setup_menu_right{
                    float: right;
                }
            }
        }
    }
}

.btn_auditions{
    color: #09BB07;
}
.btn_auditions:hover{
    color: #FFFFFF;
    background-color: #09BB07;
}
.btn_edit{
    color: #F37B1D;
}
.btn_edit:hover{
    color: #fff;
    background-color: #F37B1D;
}
.btn_delete{
    color: #e7505a;
}
.btn_delete:hover{
    color: #fff;
    background-color: #e7505a;
}
.btn_close{
    color: #000;
}
.btn_close:hover{
    color: #000;
}
.btn_open{
    color: #eee;
}
.btn_open:hover{
    color: #000;
    background-color: #eee;
}
